$color-primary: #fa436a;
$color-primary-light: white;
$color-primary-dark: black;
$color-bg-light: white;
$color-bg-dark: black;
@mixin color_primary($color){
	/*通过该函数设置字体颜色，后期方便统一管理；*/
  color: $color;
  [data-theme="light"] & {
    color: $color-primary-light;
  }
  [data-theme="dark"] & {
    color: $color-primary-dark;
  }
}

// 白天主题的变量集合
$light-theme: (
  bg-color: rgb(240, 240, 240),
  text-color: rgb(0, 0, 0),
);
// 夜晚主题的变量集合
$dark-theme: (
  bg-color: rgb(51, 51, 51),
  text-color: rgb(255, 255, 255),
);
$themes: (
  light-theme: $light-theme,
  dark-theme: $dark-theme
);
 
// 生成主题背景色样式
@mixin base-background(){
	@each $themename , $theme in $themes {
		&.#{$themename} {
				background-color: map-get($map: $theme, $key: bg-color) !important;
		}
	}
}
// 生成主题字体色样式
@mixin text-color(){
	@each $themename , $theme in $themes {
		&.#{$themename} {
				color: map-get($map: $theme, $key: text-color) !important;
		}
	}
}

$myColor:#00488D;
$viceColor:#B02222;
@mixin bgColor{
		background: $myColor;
		color: #FFFFFF;
}

@mixin fontSet($size:'24rpx',$color:"#333",$bold:'normal'){
	color: $color;
	font-size:$size;
	font-weight: $bold;
}
.mybtn{
	@include  bgColor;
	font-size: 30rpx;
	height: 90rpx;
	line-height: 90rpx;
	border: none;
	text-align: center;
}
.viceBtn{
	background: $viceColor;
	color: #FAFAFA;
	font-size: 30rpx;
	height: 90rpx;
	line-height: 90rpx;
	border: none;
	text-align: center;
}

@mixin fromInput {
		border: 1px solid #333333;
		line-height: 90rpx;
		height: 90rpx;
		padding-left: 30rpx;
}

@mixin pageColor {
	background: #fafafa;
}


// 富文本适配
.article-main{
		p,span{
			font-size: 28rpx!important;
			line-height: 1.8;
		}
	 img{
		 display: block;
		 max-width: 100%!important;
	 }
}